	// 刻度
	var ul = document.querySelector('ul');
	// 秒针
	var miao = document.querySelector('.miao');
	// 分针
	var fen = document.querySelector('.fen');
	// 时针：
	var shi = document.querySelector('.shi');
	// 时间
	var timeBox = document.querySelector('.time_box');
	// 日期
	var dateeBox = document.querySelector('.date_box');
	// 循环生成时钟刻度
	for (var i = 0; i < 12; i++) {
		var li = document.createElement('li');
		li.style.transform = 'rotate(' + i * 30 + 'deg)';
		li.classList.add('mi');
		ul.appendChild(li);
	}
	// 循环生成分钟刻度
	for (var i = 0; i < 60; i++) {
		if (i % 5 == 0) {
			continue;
		}
		var li = document.createElement('li');
		li.style.transform = 'rotate(' + i * 6 + 'deg)';
		li.classList.add('se');
		ul.appendChild(li);
	}

	// 设置日期
	var date = new Date();
	var weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
	dateeBox.innerHTML = date.getFullYear() + '年' + date.getMonth() + 1 + '月' + date.getDate() + '日 ' + ' ' + weekArr[date.getDay()];

	// 渲染时钟
	function render() {
		var date = new Date();
		var hours = date.getHours();
		hours = hours > 12 ? hours - 12 : hours;
		var minutes = date.getMinutes();
		var seconds = date.getSeconds();
		miao.style.transform = 'rotate(' + seconds * 6 + 'deg)';
		fen.style.transform = 'rotate(' + Math.ceil(((6 * minutes) + ((6 * seconds) / 180))) + 'deg)';
		shi.style.transform = 'rotate(' + Math.ceil(((180 / 6 * hours) + (180 / 360 * minutes) + ((180 / 360 * seconds) / 360))) + 'deg)';
		timeBox.innerHTML = `${hours < 10 ? '0' + hours : hours}:${minutes < 10 ? '0' + minutes : minutes}:${seconds < 10 ? '0' + seconds : seconds}`;
	}
	render();
	// 定时器
	setInterval(function () {
		render();
	}, 1000)